<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%
String path = request.getContextPath();  
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
<head>
	<base href="<%=basePath%>">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>设备效率分析</title>
	<link rel="stylesheet" href="scripts/bootstrap/css/bootstrap.min.css" />
	<link rel="stylesheet" href="scripts/bootstrap/css/bootstrap-datetimepicker.min.css" />
	<script src="scripts/jquery-3.1.1.min.js" type="text/javascript"></script>
	<script src="scripts/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="scripts/bootstrap/js/bootstrap-datetimepicker.js" type="text/javascript"></script>
	<script src="scripts/bootstrap/js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript"></script> 
	
	<script src="scripts/highcharts/highcharts.js"></script>
    <script type="text/javascript" src="scripts/device_analysis.js"></script>
    <style type="text/css">
    	table th,td { text-align: center; }
    	
    </style>
</head>
<body>  
	<section>
	<div class="row">
    	<div class="col-md-12">
       		<ul class="breadcrumb">
            <li><a href="NyglSystem/index.jsp">能源管理系统</a>
            </li>
            <li>数据中心</li>
            <li><a href="javascript:void(0);" onclick="device_effect()">设备效率分析</a></li>
            </ul>
       </div>
    </div>
    <div style="zoom: 90%;">
    <!-- 设备效率损失时间 -->
	<div style="width:600px; height:560px; margin:50px auto auto 50px; display: inline-block; float: left;">
		<div style="width:400px; margin: 0px auto;">
	    	<div style="display: inline-block; width: 120px;">
	    		<input class="form-control" id="begintime" type="text" readonly>
	    	</div>
	    	<span style="display: inline-block; width: 40px; text-align: center; font-size: 16px; font-weight: bold;">至</span>
	    	<div style="display: inline-block; width:120px;">
	    		<input class="form-control" id="endtime" type="text" readonly>
	    	</div>
	    	<div style="display: inline-block; width:100px; text-align: center; ">
	    		<button class="btn" onclick="findDeviceError()">查询</button>
	    	</div>
    	</div>
    	<div id="container" style="width: 600px; height: 400px; margin: 10px auto; "></div>
 	</div>
 	<!-- 设备故障日志 -->
 	<div id="devicelog" style="width: 400px; height: 560px; margin-top: 20px; margin-right: 50px; display: inline-block; float: right;"></div>
 	
 	<div id="device_effect" style="clear: both; width:800px; margin:0px auto;"></div>
 	</div>
 	</section>
</body>
</html>